<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
        // 1.什么是localstorage
        //在HTML5中,新加入了一个localStorage特性,这个特性主要用来作为本地存储来使用。

        //1.它解决了cookie存储空间不足的问题,每条cookie的存储空间为4K,localStorage一般为5M。
        
        // 2.localStorage的生命周期
        // LocalStorage生命周期是永久，这意味着除非用户在显示在浏览器提供的UI上清除localStorage信息,
        // 否则这些信息将永久存在。

        // 3.localStorage的局限
        // a.在IE8以上的IE版本才支持localstorage这个属性。
        // b.目前所有的浏览器中都会被localStorage的值类型限定为string类型，11 对我们日常比较常见的JSON对象类型需要一个转换。
        
        // 4.判断浏览器是否支持localstorage这个属性
        if(window.localStorage){
        alert('浏览器支持localStorage')
    }

        // 5.localstorage的三种写入方法 
        if(!window.localStorage){
        alert('浏览器不支持localStorage')
    }else{
            var storage = window.localStorage;
            // 写入a字段
            storage['a'] = 1;
            // 写入b字段
             storage.b = 2;
             // 写入c字段
            storage.setItem('c',3);
            console.log(typeof storage['a']);//string 
            console.log(typeof storage['b']);// string 
        console.log(typeof storage['c']); //string
    }
    </script>
</body>
</html>